/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0

	Copyright 2009 Jeremie Tisseau
	"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
	http://www.gnu.org/licenses/gpl-3.0.html

*/       

html, body {border: 0; margin: 0; padding: 0;}

body {
  	font: 85%/0.9 arial, helvetica, sans-serif;
	background: #99A989 url(../images/bg.jpg) repeat 0 0;
  	line-height: 130%;
  	width: 100%;
  	min-width: 970px;
  	color: black;
}

a {
	color: #0099CC;
	text-decoration: none;
}

a:hover {
	color: #00CCFF;
}

a img {
  border: none;/*remove border for linked images*/
}

h1 {
	font-size: 1.6em;
	height: 20px;
	padding-top: 0;
}

h2{
	font-size: 1.2em;
	height: 20px;
	padding-top: 0;
}


.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

/***** Main Layout ****/
#container {
  	width: 100%;
  	height: 100%;
  	text-align: center;/* IE fix to center the page */
}

#content {
  	width: 750px;
  	margin: 0 auto;/* center the page in Firefox */
	
      	}
#content1 {
      	height: 90000px;
		background-color: #e8edff; 
		width: 750px;
		margin: 0 auto;/* center the page in Firefox */
		border:4px solid #dcdcdc;
		margin-top:5px;
		}

#cabecera
{
	font-size: 18px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
	text-align: center;	
}

.oculto
{		
	display: none;
	visibility: hidden;
	padding: 8px;
	
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}

.oculto2{
	color: #339;
}


.normalcont
{
	background-color: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	padding: 8px;
}

.izq{
		width: 60%;
		float: left;
		text-align: left;
		
	}




.der2{
border:1px solid red;
	width: 32%;
	float: right;
	text-align: right;
}

.izq2{
		border:1px solid #06779F;
		width: 22%;
		float: left;
		text-align: left;
		background-color:#61B4CF;height:21px;
		
	}
	.izq3{
		border:1px solid #0772A1;
		width: 22%;
		float: left;
		text-align: left;
		background-color: #5CCCCC;height:21px;
	}

.c2{
		border:1px solid #06779F;
		width: 38%;
		float: left;
		text-align: left;
		background-color:#61B4CF;height:21px;
		
	}
.c3{
		border:1px solid #0772A1;
		width: 38%;
		float: left;
		text-align: left;
		height:21px;
		background-color: #5CCCCC;
	}
.vs{
	visibility: hidden;
}
.vs :hover{
	visibility: visible;
}

.titulo{
	background: #b9c9fe;
	height:30px;
}

.der{
	width: 40%;
	float: right;
	text-align: right;
}

.contc
{
	width:100%;
	float: right;
}	

.total
{
	float: center;
}

input.total
{
	float: center;
	width: 30px;
}
.img{
	margin-left:30px;
	margin-top: 5px;
	float: left;
}

.porcentajegordo
{
width: 40px;
}

.porcentaje
{
width: 30px;
}
.radio{
	margin-top: 10px;

}
.normal
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
	text-align:left;
	display:inline;
	width:100%!important;
}

.media
{
	float: right;
}

.boton
{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #94bbff), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #94bbff 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94bbff', endColorstr='#dfdfdf');
	background-color:#94bbff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:4px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px -1px 0px #ffffff;

}

